<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" 
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui"
xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
<title>alumno</title>
<link rel="stylesheet" type="text/css" href="#{request.contextPath}/css/estilo.css" />
</h:head>
<body style="margin-top:0px;margin-botton:0px;width: 1024px;margin:0 auto; align: center;"  >
<h:form>
		<p:layout style="min-width:750px;min-height:500px;" fullPage="true">
			<p:layoutUnit position="west" resizable="true" size="185" minSize="185" maxSize="185" style="align:center">
				<p:menu toggleable="true">
					<p:submenu label="Informacion Administrativa">
						<p:menuitem value="Alumno" icon="ui-icon-contact" />
						<p:menuitem value="Profesor" icon="ui-icon-contact"/>
					</p:submenu>
					<p:submenu label="Utilitarios">
						<p:menuitem value="Traslado de Alumnos" icon="ui-icon-extlink"/>
					</p:submenu>
				</p:menu>
			</p:layoutUnit> 

			<p:layoutUnit position="center" size="750" minSize="750" resizable="false">
			<div class="container"><!-- div listado  -->
			<div class="row"><!--  fil listado -->
			<div class="column"><!-- col listado formulario -->
			
							<div class="container" style="width: 750px;">

				<div class="row">
					<div class="column" style="width: 210px;" align="left">
							<p:outputLabel for="jornada" value="Jornada"
								style=" display:inline-block; width:100%; text-align: left;" />
					</div>
					<div class="column" style="width: 150px;" align="left">
						<p:outputLabel for="ciclo" value="Ciclo"
							style=" display:inline-block; width:100%; text-align: left;" />
					</div>
					<div class="column" style="width: 110px;" align="left">
						<p:outputLabel for="grado" value="Grado"
							style=" display:inline-block; width:100%; text-align: left;" />
					</div>
					<div class="column" style="width: 140px;" align="left">
						<p:outputLabel for="grupo" value="Grupo"
							style=" display:inline-block; width:100%; text-align: left;" />
					</div>
				</div>
				
					
				<div class="row">
					<div class="column" style="width: 210px;" align="left">
						<p:selectOneMenu id="jornada" style="width:200px;align: left;" >
				                <f:selectItem itemLabel="Seleccione..." itemValue="" />
						</p:selectOneMenu>
					</div>
					<div class="column" align="left" style="width: 150px;">
						<p:selectOneMenu id="ciclo" style="width:140px;align: left;" >
				                <f:selectItem itemLabel="Seleccione..." itemValue="" />
						</p:selectOneMenu>
					</div>
					<div class="column" align="left" style="width: 110px;">
						<p:selectOneMenu id="grado" style="width:90px;align: left;" >
				                <f:selectItem itemLabel="Seleccione..." itemValue="" />
						</p:selectOneMenu>
					</div>
					<div class="column" style="width: 210px;" align="left">
						<p:selectOneMenu id="grupo" style="width:200px;align: left;" >
				                <f:selectItem itemLabel="Selecciones.." itemValue="" />
						</p:selectOneMenu>
					</div>
				</div>		
			</div>
			
			
		<div align="left"  style="width:100%;">
		<div class="container"><!-- div foto -->
			<div class="row"><!--  fil foto -->
			<div class="column"><!-- col foto -->
				<div class="container" style="width: 575px;" >
						<div class="row">
							<div class="column" style="width:180px;" align="left">
								<p:outputLabel for="tipo_id" value="Tipo ID" style=" display:inline-block; width:100%; text-align: left;" />
							</div>
							<div class="column" style="width:100px;" align="left"> <p:outputLabel for="nro_doc" value="Nro Documento" style="display:inline-block; width:100%; text-align: left;" /> </div>
							<div class="column"  style="width:180px;" align="left"> <p:outputLabel for="lug_exp" value="Lugar de Expedicion  " style=" display:inline-block; width:100%; text-align: left;" /> </div>
							<div class="column" style="width: 100px;" align="left">
								<p:outputLabel for="sexo" value="Sexo" style=" display:inline-block; width:100%; text-align: left;" />
							</div>
							
						</div>
						
						<div class="row">
							<div class="column" style="width:180px;" align="left">
								<p:selectOneMenu id="tipo_id" style="width:160px;align: left;" >
									<f:selectItem itemLabel="Seleccione..." itemValue="" />
									<f:selectItems value="#{listasfijas.listTiposDocumento}" var="u" itemValue="#{u.codClId}" itemLabel="#{u.descripcionClId}" />
								</p:selectOneMenu>
							</div>
							<div class="column" style="width:100px;" align="left"> <p:inputText id="nro_doc" style="width:80px;text-align: left;"/> </div>
							<div class="column" style="width:180px;" align="left" > <p:selectOneMenu id="lug_exp" style="width:170px;">
					                <f:selectItem itemLabel="Seleccione..." itemValue="" />
									<f:selectItems value="#{listasfijas.listCiudades}" var="u" itemValue="#{u.llaveCiudad}" itemLabel="#{u.descripcionCiudad}" />
					            </p:selectOneMenu> 
					        </div>
					        <div class="column" style="width: 100px;" align="left">
								<p:selectOneMenu id="sexo" style="width:90px;align: left;" >
									<f:selectItem itemLabel="Masculino" itemValue="" />
								</p:selectOneMenu>
							</div>
					        </div>
					        </div>
				<div class="container" style="width: 575px;">
					<div class="row">
						<div class="column" style="width: 135px;" align="left">
							<p:outputLabel for="apel1" value="Nombres" style="display:inline-block;width:100%;text-align: left;" />
						</div>
						<div class="column" align="left" style="width:150px;"/>
						<div class="column" align="left" style="width: 150px;">
							<p:outputLabel for="apel1" value="Apellidos"
								style=" display:inline-block; width:100%; text-align: left;" />
						</div>
						<div class="column" align="left" style="width:135px;"/> 
					</div>
					
					
					<div class="row">
						<div class="column" align="left" style="width: 150px;">
							<p:inputText id="apel1" style="width:110px" />
						</div>
						<div class="column" align="left" style="width: 135px;">
							<p:inputText id="apel2" style="width:110px" /> 
						</div>
						<div class="column" align="left" style="width: 150px;">
							<p:inputText id="nom1" style="width:110px" />
						</div>
						<div class="column" align="left" style="width: 135px;">
							<p:inputText id="nom2" style="width:110px" />
						</div>
					</div> 
					</div>
				<div class="container" style="width: 575px;">
					<div class="row">
	
						<div class="column" style="width:195px;" align="left">
							<p:outputLabel for="ciudad" value="Ciudad"
								style=" display:inline-block; width:100%; text-align: left;" />
						</div>
						<div class="column" style="width: 140px;" align="left">
							<p:outputLabel for="fecha_nac" value="Fecha Nac"
								style=" display:inline-block; width:100%; text-align: left;" />
						</div>
						<div class="column" style="width: 230px;" align="left">
							<p:outputLabel for="email" value="Correo Electronico"
								style=" display:inline-block; width:100%; text-align: left;" />
						</div>
					</div>
	
					<div class="row">
						<div class="column" style="width: 195px;"  align="left">
							<p:selectOneMenu id="ciudad" style="width:170px;align: left;" >
					                <f:selectItem itemLabel="Seleccione..." itemValue="" />
									<f:selectItems value="#{listasfijas.listCiudades}" var="u" itemValue="#{u.llaveCiudad}" itemLabel="#{u.descripcionCiudad}" />
							</p:selectOneMenu>
						</div>
						<div class="column" style="width: 140px;"  align="left">
							<p:calendar id="fecha_nac" value="#{calendarView.date2}" pattern="yyyy/MM/dd" effect="fold" navigator="true"   showOn="button"  size="6"  />
						</div>
						<div class="column" style="width: 230px;" align="left">
							<p:inputText id="email" style="width:210px;" />
						</div>
					</div>
					</div>
				<div class="container" style="width: 575px;">
					<div class="row">
						<div class="column" style="width: 310px;" align="left">
							<p:outputLabel for="dir" value="Direccion"
								style=" display:inline-block; width:100%; text-align: left;" />
						</div>
						<div class="column" style="width: 130px;" align="left">
							<p:outputLabel for="tel" value="Telefono"
								style=" display:inline-block; width:100%; text-align: left;" />
						</div>
						<div class="column" style="width: 120px;" align="left">
							<p:outputLabel for="fax" value="Fax"
								style=" display:inline-block; width:100%; text-align: left;" />
						</div>
					</div>
					
					<div class="row">
						<div class="column" style="width: 310px;"  align="left">
							<p:inputText id="dir" style="width:285px" />
						</div>
						<div class="column" style="width: 130px;" align="left">
							<p:inputText id="tel" style="width:100px" />
						</div>
						<div class="column" style="width: 120px;" align="left">
							<p:inputText id="fax" style="width:100px;" />
						</div>
					</div>
					</div>
			</div><!-- fin col foto  -->
			<div class="column">
				<div class="container">
									<div class="row">
											<div class="column">
											<p:outputPanel autoUpdate="true"  >
											 <p:graphicImage id="photo31"  width="160" height="180"  value="#{personabuscar.personaBuscar.foto.image}"  rendered="#{personabuscar.personaBuscar.foto.image != null}" cache="false"/> 
											 <p:graphicImage id="photo32"  width="160" height="180"  value="images/silueta.png"  rendered="#{personabuscar.personaBuscar.foto.image == null}" cache="false"/>
											 </p:outputPanel> 
											</div>
									</div>
									<div class="row">
											<div class="column">	<p:outputPanel autoUpdate="true"  >
											  <p:commandButton id="adds" style="width:160px" value="Tomar Foto"   action="#{crearpersonabean.foto}" rendered="true" ajax="true"/>
											  </p:outputPanel>
											</div>
									</div>
							</div>
							
				</div>
				</div><!-- fin row general foto -->
				 </div><!-- fin tabla foto -->
				

			
			<div class="container" style="width: 750px;">
				<div class="row">
					<div class="column" style="width: 210px;">
						<p:outputLabel for="area_ense" value="Area Ensenanza" style=" display:inline-block; width:100%; text-align: left;" />
					</div>
					<div class="column" style="width: 60px;" align="left">
						<p:outputLabel for="int_h" value="Int H"
							style=" display:inline-block; width:100%; text-align: left;" />
					</div>
					<div class="column" style="width: 160px;" align="left">
						<p:outputLabel for="nivel_ense" value="Nivel de Ens"
							style=" display:inline-block; width:100%; text-align: left;" />
					</div>
					<div class="column" style="width: 160px;" align="left">
						<p:outputLabel for="funcion" value="Funcion"
							style=" display:inline-block; width:100%; text-align: left;" />
					</div>
					<div class="column" style="width: 150px;" align="left">
						<p:outputLabel for="estado" value="Estado"
							style=" display:inline-block; width:100%; text-align: left;" />
					</div>

				</div>
							
				<div class="row"> 
					<div class="column" align="left" style="width: 210px;">
						<p:selectOneMenu id="area_ense" style="width:200px;align: left;" >
				            <f:selectItem itemLabel="Seleccione..." itemValue="" />
						</p:selectOneMenu>
					</div>
					<div class="column" align="left" style="width: 60px;">
						<p:inputText id="int_h" style="width:40px;" />
					</div>
					<div class="column" align="left" style="width: 160px;">
						<p:selectOneMenu id="nivel_ense" style="width:140px;align: left;" >
				                <f:selectItem itemLabel="Seleccione..." itemValue="" />
						</p:selectOneMenu>
					</div>
					<div class="column" align="left" style="width: 160px;">
						<p:selectOneMenu id="funcion" style="width:150px;align: left;" >
				                <f:selectItem itemLabel="Seleccione..." itemValue="" />
						</p:selectOneMenu>
					</div>
					<div class="column" align="left" style="width: 150px;">
						<p:selectOneMenu id="estado" style="width:145px;align: left;" >
				                <f:selectItem itemLabel="Seleccione..." itemValue="" />
						</p:selectOneMenu>
					</div>

				</div>
							
			</div>
		</div>
		</div><!-- cierro col listado centro -->
		

		</div><!-- cierro fil listado -->
		</div><!-- cierro tabla listado -->
		</p:layoutUnit>

		</p:layout>
	</h:form>    
</body>
</html>